import React from 'react';
import './index.css'

export default class FriendLists extends React.Component {
  render () {
    console.log(this.props)
    let {datas} = this.props
    return (
      <div className="friend-list">
        {
          Object.keys(datas).map(k => {
            return (
              <div className="friend-group" key={k}>
                <dt>{datas[k].title}</dt>
                {
                  datas[k].list.map(list => {
                    return (
                      <dd key={list.name}>
                        {list.name}
                      </dd>
                    )
                  })
                }
                {/* <dd>爸爸</dd>
                <dd>妈妈</dd> */}
              </div>
            )
          })
        }
        
      </div>
    )
  }
}